<template>
    <rx-dialog
        order="button"
        btnalign="center"
        class="dialog"
        @handOk="handleSubmit"
        @cancel="cancel"
    >
        <rx-jurisdiction style="padding: 10px" v-model="permission"></rx-jurisdiction>
    </rx-dialog>
</template>

<script>
import {Util,App} from "@lowcode/jpaas-common-lib"
import RxJurisdiction from "@/components/rxComponent/rx-jurisdiction";


export default {
    name: "InsPortaMobileColumnPermission",
    mixins:[App],
    props:[ 'layerid','destroy','lydata','stylize','permissions'],
    components:{
        RxJurisdiction,
    },
    data(){
        return{
            i18nDefault:process.env.VUE_APP_LANGUAGE,
            i18nCurrent:"",
            permission: this.permissions,
        }
    },
    mounted() {
        this.getCurrentI18n();
    },
    methods:{
        i18n(name,text,key){
            return this.$ti18(name,text,"insPortalDef",key);
        },
        getCurrentI18n(){
            this.i18nCurrent= window.localStorage.getItem("language");
            if(!this.i18nCurrent){
                this.i18nCurrent=this.i18nDefault;
            }
        },
        handleSubmit(){
            Util.closeWindow(this, "ok",this.permission);
        },
        cancel(){
            Util.closeWindow(this,'cancel');
        },
    },
}
</script>

<style scoped>
.initSubItem-img{
    width: 50px;
    height: 50px;
    object-fit:contain;
}
.ant-upload-hint .up-title {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    margin-top: 20px;
}
.upicon {
    font-size: 41px;
    color: #4285f4;
}
.upd-btn {
    width: 330px;
    margin: 0 auto;
    margin-top: 8px;
}
.self-dragger >>> .ant-upload-drag {
    height: 150px;
}
.self-dragger >>> .ant-upload-list {
    display: none;
}
.InsPortaMobileIconfont-programa{
    display: flex;
    position: relative;
}
.InsPortaMobileIconfont-programa input{
    flex: 1;
}
.InsPortaMobileIconfont-programa button{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    background-color: #f5f7fa;
    border-radius: 0px 4px 4px 0px;
}
.InsPortaMobileIconfont{
    padding:0px 20px;
}
.InsPortaMobileIconfont-back{
    display: flex;
    width: 100%;
}
.InsPortaMobileIconfont-back-common{
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    text-align: center;
    line-height: 31px;
}
.InsPortaMobileIconfont-back-common i{
    color: white;
}
.InsPortaMobileIconfont-user-iconfont{
    width: 50px;
    height: 50px;
    color: white;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    cursor: pointer;
}
.InsPortaMobileIconfont-user-iconfont i{
    font-size: 27px;
}
</style>